<template>
	<!--排行-->
	<div>
		<Ruanking :musiclist="songList"></Ruanking>
		<!--<Muhead></Muhead>-->
		<!--<Crunchies2></Crunchies2>-->
		<!--全球榜-->
		<Crunchies></Crunchies>
		<router-view></router-view>

	</div>
</template>
<script>
//	import Muhead from "./MusicHead";
	import Ruanking from "./PopularLine.vue";
	import Crunchies from "./Crunchies";
	import jsonp from "jsonp";
	export default {
		name: "Ranking",
		data() {
			return {
				musicType: [],
				rankmusic: [],
				comingmusic: [],
				src: [],
				songList: [],
				name: "",
			}
		},
		components: {
			Ruanking,
//			Muhead,
			Crunchies,
		},
		computed: {},
		created() {
			jsonp("http://tingapi.ting.baidu.com/v1/restserver/ting?from=qianqian&version=2.1.0&method=baidu.ting.plaza.getNewSongs&format=json&limit=50", null, (err, res) => {
				if(err) {
					console.log(err)
				} else {
					console.log(res)
					this.songList = res.song_list
					console.log(res.billboard)
					//this.name = res.billboard.name
				}
			})
		},

	}
</script>

<style scoped lang="scss">

</style>